﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es">

<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<meta name="description" content="description"/>
<meta name="keywords" content="keywords"/> 
<meta name="author" content="author"/> 
<link rel="stylesheet" type="text/css" href="default.css" media="screen"/>
<title>Akowa</title>
</head>

<body>

<div class="container">

<!-- header begins-->
<!-- NOTA: este bloque es igual en todas las paginas-->
	<div class="header">
		
		<div class="title">
			<a href="index.html"><img src="img/logo.png" alt="Akowa"/></a>
		</div>

		<div class="navigation">
			<a href="dia.html">Día</a>
			<a href="semana.html">Semana</a>
			<a href="mes.html">Mes</a>
			<a href="anno.html">Año</a>
			<a href="agenda.html">Agenda</a>
			
			<div class="clearer"><span></span></div>
		</div>
	</div>
<!-- header ends-->	

<!-- main begins-->	
	<div class="main">	
	
<!-- main content begins-->		
<!-- NOTA: este bloque cambia para TODAS las paginas-->
		<div class="content">
			<div class="blockheader">
			<a href="mes.html">&lt;</a>  Noviembre  <a href="mes.html">&gt;</a>
			</div>
			<table class="block">
			<tr class="calendarweek"><td><a href="semana.html">Lunes</a></td><td><a href="semana.html">Martes</a></td><td><a href="semana.html">Miercoles</a></td><td><a href="semana.html">Jueves</a></td><td><a href="semana.html">Viernes</a></td><td><a href="semana.html">Sabado</a></td><td><a href="semana.html">Domingo</a></td></tr>
			<tr class="calendarday"><td></td><td><a href="dia.html">1</a></td><td><a href="dia.html">2</a></td><td><a href="dia.html">3</a></td><td><a href="dia.html">4</a></td><td><a href="dia.html">5</a></td><td><a href="dia.html">6</a></td></tr>
			<tr class="calendarcontent"><td></td><td class="pasado"><li><a href="appointmentform.html">Cita 1</a></li><a href="appointmentform.html"><img src="img/add.png"></a></td><td class="pasado"><a href="appointmentform.html"><img src="img/add.png"></a></td><td class="pasado"><li><a href="appointmentform.html">Cita 1</a></li><li><a href="appointmentform.html">Cita 1</a>2</li><a href="appointmentform.html"><img src="img/add.png"></a></td><td class="pasado"><li><a href="appointmentform.html">Cita 1</a></li><a href="appointmentform.html"><img src="img/add.png"></a></td><td class="pasado"><li><a href="appointmentform.html">Cita 1</a></li><a href="appointmentform.html"><img src="img/add.png"></a></td><td class="pasado"><li><a href="appointmentform.html">Cita 1</a></li><a href="appointmentform.html"><img src="img/add.png"></a></td></tr>
			<tr class="calendarday"><td><a href="dia.html">7</a</td><td><a href="dia.html">8</a></td><td><a href="dia.html">9</a></td><td><a href="dia.html">10</a></td><td><a href="dia.html">11</a></td><td><a href="dia.html">12</a></td><td><a href="dia.html">13</a></td></tr>
			<tr class="calendarcontent"><td  class="pasado"><a href="appointmentform.html"><img src="img/add.png"></a></td><td  class="pasado"><li><a href="appointmentform.html">Cita 1</a></li><a href="appointmentform.html"><img src="img/add.png"></a></td><td>
			<a href="appointmentform.html"><img src="img/add.png"></a></td><td><li><a href="appointmentform.html">Cita 1</a></li><a href="appointmentform.html"><img src="img/add.png"></a></td><td><li><a href="appointmentform.html">Cita 1</a></li><a href="appointmentform.html"><img src="img/add.png"></a></td><td><li><a href="appointmentform.html">Cita 1</a></li><a href="appointmentform.html"><img src="img/add.png"></a></td><td><li><a href="appointmentform.html">Cita 1</a></li><a href="appointmentform.html"><img src="img/add.png"></a></td></tr>
			<tr class="calendarday"><td><a href="dia.html">14</a></td><td><a href="dia.html">15</a></td><td><a href="dia.html">16</a></td><td><a href="dia.html">17</a></td><td><a href="dia.html">18</a></td><td><a href="dia.html">19</a></td><td><a href="dia.html">20</a></td></tr>
			<tr class="calendarcontent"><td><a href="appointmentform.html"><img src="img/add.png"></a></td><td><li><a href="appointmentform.html">Cita 1</a></li><li><a href="appointmentform.html">Cita 1</a>2</li><a href="appointmentform.html"><img src="img/add.png"></a></td><td><a href="appointmentform.html"><img src="img/add.png"></a></td><td><li><a href="appointmentform.html">Cita 1</a></li><a href="appointmentform.html"><img src="img/add.png"></a></td><td><li><a href="appointmentform.html">Cita 1</a></li><a href="appointmentform.html"><img src="img/add.png"></a></td><td><a href="appointmentform.html"><img src="img/add.png"></a></td><td><li><a href="appointmentform.html">Cita 1</a></li><a href="appointmentform.html"><img src="img/add.png"></a></td></tr>
			<tr class="calendarday"><td><a href="dia.html">21</a></td><td><a href="dia.html">22</a></td><td><a href="dia.html">23</a></td><td><a href="dia.html">24</a></td><td><a href="dia.html">25</a></td><td><a href="dia.html">26</a></td><td><a href="dia.html">27</a></td></tr>
			<tr class="calendarcontent"><td><a href="appointmentform.html"><img src="img/add.png"></a></td><td><li><a href="appointmentform.html">Cita 1</a></li><a href="appointmentform.html"><img src="img/add.png"></a></td><td><li><a href="appointmentform.html">Cita 1</a></li><li><a href="appointmentform.html">Cita 1</a>2</li><a href="appointmentform.html"><img src="img/add.png"></a></td><td><a href="appointmentform.html"><img src="img/add.png"></a></td><td><li><a href="appointmentform.html">Cita 1</a></li><a href="appointmentform.html"><img src="img/add.png"></a></td><td><li><a href="appointmentform.html">Cita 1</a></li><li><a href="appointmentform.html">Cita 1</a>2</li><li><a href="appointmentform.html">Cita 1</a>2</li><a href="appointmentform.html"><img src="img/add.png"></a></td><td><li><a href="appointmentform.html">Cita 1</a></li><a href="appointmentform.html"><img src="img/add.png"></a></td></tr>
			<tr class="calendarday"><td><a href="dia.html">28</a></td><td><a href="dia.html">29</a></td><td><a href="dia.html">30</a></td><td><a href="dia.html">31</a></td><td></td><td></td><td></td></tr>
			<tr class="calendarcontent "><td><li><a href="appointmentform.html">Cita 1</a></li><a href="appointmentform.html"><img src="img/add.png"></a></td><td><li><a href="appointmentform.html">Cita 1</a></li><a href="appointmentform.html"><img src="img/add.png"></a></td><td><li><a href="appointmentform.html">Cita 1</a></li><a href="appointmentform.html"><img src="img/add.png"></a></td><td><li><a href="appointmentform.html">Cita 1</a></li><a href="appointmentform.html"><img src="img/add.png"></a></td><td></td><td></td><td></td></tr>
			</table>
			<div class="blockfooter">
				<div class="left"></div><div class="right"></div>
			</div>
			<p></p>
			<div class="blockheader">
					Proximas Citas
			</div>
			<table class="block" width="100%">
				<tr><td>
				<table>
				<tr><td class="ico"><a href="appointmentform.html"><img src="img/edit.png" alt="edit"></a></td><td class="ico"><a href="delete.html"><img src="img/delete.png" alt="edit"></a></td><td class="name"><a href="appointmentform.html">Cita 1</a></td></tr>
				<tr><td class="ico"><a href="appointmentform.html"><img src="img/edit.png" alt="edit"></a></td><td class="ico"><a href="delete.html"><img src="img/delete.png" alt="edit"></a></td><td class="name"><a href="appointmentform.html">Cita 2</a></td></tr>
				<tr><td class="ico"><a href="appointmentform.html"><img src="img/edit.png" alt="edit"></a></td><td class="ico"><a href="delete.html"><img src="img/delete.png" alt="edit"></a></td><td class="name"><a href="appointmentform.html">Cita 3</a></td></tr>
				<tr><td class="ico"><a href="appointmentform.html"><img src="img/edit.png" alt="edit"></a></td><td class="ico"><a href="delete.html"><img src="img/delete.png" alt="edit"></a></td><td class="name"><a href="appointmentform.html">Cita 4</a></td></tr>
				</table>
				<a href="appointmentform.html"><img src="img/add.png"> Crear nueva cita</a>
				</td></tr>
			</table>
			<div class="blockfooter">
				<div class="left"></div><div class="right"></div>
			</div>
		</div>
<!-- main content ends-->

<!-- sidebar begins-->
<!-- NOTA: este bloque es igual en todas las paginas excepto en contactos, citas y opciones que no tendran la clase "invisible" correspondiente-->
		<div class="sidenav">
			<!--menu begins-->
			<div class="blockheader">
				Menu
			</div>
			<table class="block">
			<tr><td>
				<h1>Buscar</h1>
			</td></tr>
			<tr><td>
				<form action="searchresult.html">
				<div>
					<input type="text" name="search" class="styled" /> <br>
					<select  class="styledsel">
					<option value="usuario" selected="selected">Usuario</option>
					<option value="contacto">Contacto</option>
					<option value="calendario">Calendario</option>
					<option value="cita">Cita</option>
					</select>
					 <input type="submit" value="Buscar" class="button" />
				</div>
				</form>
			
				<h1><a href="contactos.html">Contactos</a></h1>
			</td></tr>
			<tr class="invisible"><td>
				<ul>
					<li><a href="contactform.html">Añadir contacto</a></li>
				</ul>
			</td></tr>
			<tr><td>
				<h1><a href="citas.html">Citas</a></h1>
			</td></tr>
			<tr class="invisible"><td>
				<ul>
					<li><a href="appointmentform.html">Añadir Cita</a></li>
				</ul>
			</td></tr>
			<tr><td>
				<h1><a href="grupos.html">Grupos</a></h1>
			</td></tr>
			<tr class="invisible"><td>
				<ul>
					<li><a href="groupform.html">Añadir Grupo</a></li>
				</ul>
			</td></tr>
			<tr><td>
				<h1><a href="opciones.html">Opciones</a></h1>
			</td></tr>
			<tr class="invisible"><td>
				<ul>
					<li><a href="perfil.html">Modificar Perfil</a></li>
				</ul>	
			</td></tr>
			<tr><td>
				<h1><a href="help.html">Ayuda</a></h1>
			</td></tr>
			<tr><td>
				<h1><a href="login.html">Desconectar</a></h1>
			</td></tr>
			</table>
			<div class="blockfooter">
				<div class="left"></div><div class="right"></div>
			</div>
			<!--menu ends-->
			<p></p>
			<!--Small callendar begins-->
			<div class="blockheader">
			<a href="mes.html">&lt;</a>  <a href="mes.html">Noviembre</a>  <a href="mes.html">&gt;</a>
			</div>
			<table class="block">
				<tr class="calendarweek"><td><a href="semana.html">L</a></td><td><a href="semana.html">M</a></td><td><a href="semana.html">X</a></td><td><a href="semana.html">J</a></td><td><a href="semana.html">V</a></td><td><a href="semana.html">S</a></td><td><a href="semana.html">D</a></td></tr>
				<tr class="sidecalendarday"><td></td><td><a href="dia.html">1</a></td><td><a href="dia.html">2</a></td><td ><a href="dia.html">3</a></td><td ><a href="dia.html">4</a></td><td ><a href="dia.html">5</a></td><td ><a href="dia.html">6</a></td></tr>
				<tr class="sidecalendarday"><td ><a href="dia.html">7</a></td><td ><a href="dia.html">8</a></td><td ><a href="appointmentform.html">9</a></td><td class="cita"><a href="dia.html">10</a></td><td  class="cita"><a href="dia.html">11</a></td><td  class="cita"><a href="dia.html">12</a></td><td  class="cita"><a href="dia.html">13</a></td></tr>
				<tr class="sidecalendarday"><td><a href="appointmentform.html">14</a></a></td><td  class="cita"><a href="dia.html">15</a></td><td><a href="appointmentform.html">16</a></td><td class="cita"><a href="dia.html">17</a></td><td class="cita"><a href="dia.html">18</a></td><td><a href="appointmentform.html">19</a></td><td class="cita"><a href="dia.html">20</a></td></tr>
				<tr class="sidecalendarday"><td><a href="appointmentform.html">21</a></td><td class="cita"><a href="dia.html">22</a></td><td class="cita"><a href="dia.html">23</a></td><td><a href="appointmentform.html">24</a></td><td class="cita"><a href="dia.html">25</a></td><td class="cita"><a href="dia.html">26</a></td><td  class="cita"><a href="dia.html">27</a></td></tr>
				<tr class="sidecalendarday"><td  class="cita"><a href="dia.html">28</a></td><td  class="cita"><a href="dia.html">29</a></td><td  class="cita"><a href="dia.html">30</a></td><td  class="cita"><a href="dia.html">31</a></td><td></td><td></td><td></td></tr>
			</table>
			<div class="blockfooter">
				<div class="left"></div><div class="right"></div>
			</div>
			<!--small callendar ends-->
		</div>
<!-- sidebar ends-->
		
		<div class="clearer"><span></span></div>
		
	</div>

</div>
<!-- main ends-->	

<!-- footer begins-->
<!-- NOTA: este bloque es igual en todas las paginas-->
<div class="footer">
&copy; 2008 <a href="index.html">clanISP Software</a>. Valid <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> &amp; <a href="http://validator.w3.org/check?uri=referer">XHTML</a>.
</div>
<!-- footer ends-->
</body>

</html>
